/**
* -图片延时加载使用说明-
* 1.页面载入js文件，因为依赖jquery，需放在jquery下面<br/> 
* <script type="text/javascript" src="js/util/hayo.imgsLazy.js"></script>
* 
* 2.图片属性<br/> 
* <img class="hg_img" src="${非必填，可以是默认loading图片}" imgurl="${图片地址 }" ws="${自定义类 }" />
* 
* 3.页面js调用<br/> 
* $(".hbi_img").imgsLazy();
* 
* @author 韩志勇
*/
(function ($) {
    $.imgsLazy = $.imgsLazy || {};
    // 图片容器
    $.imgsLazy.gi = {};
    // 处理图片地址，获取压缩过的图片，非必需
    // 在jsp/portal/common/top_min.jsp文件里冗余了该方法
    // 图片路径要求除图片名，其他无"_"
    $.imgsLazy.makeImgUrl = function (url, ws) {
        // 如果不是特产济宁图片，则直接返回源地址
        if (url.indexOf("imgfile1") == -1) {
            return url;
        }
        var arr1 = url.split("_");
        var arr2 = arr1[1].split(".");
        var wh;
        if (ws == '1') {
            wh = "_100x100.";
        } else if (ws == '6' || ws == '9') {
            wh = "_440x440.";
        } else if (ws == '8' || ws == '10' || ws == '12' || ws == '15') {
            wh = "_250x250.";
        } else {
            return url;
        }
        return arr1[0] + wh + arr2[1];
    };
    // 判断是否加载图片
    $.imgsLazy.ckShowImg = function (wh) {
        var imgObj;
        var st = $(document).scrollTop();
        //var st = document.documentElement.scrollTop || document.body.scrollTop; // 距顶部距离
        for (var t in $.imgsLazy.gi) {
            if (wh + st > t) {
                for (var i = 0; i < $.imgsLazy.gi[t].length; i++) {
                    imgObj = $.imgsLazy.gi[t][i];
                    var url = $(imgObj).attr("imgurl");
                    var ws = $(imgObj).attr("ws");
                    url = $.imgsLazy.makeImgUrl(url, ws); //+ "?" + (new Date().getTime()+i);
                    $(imgObj).attr("src", url);
                }
                delete $.imgsLazy.gi[t]; // 图片只加载一次，处理完就从json里删掉
            }
        }
    };
    // 初始化
    $.fn.imgsLazy = function () {
        var vac = {
            objs: $(this)
        };

        vac.objs.each(function (i, n) {
            var top = $(n).offset().top;
            if (!$.imgsLazy.gi.hasOwnProperty(top)) { // 判断json里有没有该top的值
                $.imgsLazy.gi[top] = []; // 如果没有就新建一个数组，存储该top值的图片的ID
            }
            $.imgsLazy.gi[top].push($(n));
        });

        // 商品图片显示
        var wh = $(window).height(); // 页面文档高度
        $(window).scroll(function () {
            $.imgsLazy.ckShowImg(wh);
        });
        /*
        window.onscroll = function(){
        $.imgsLazy.ckShowImg(wh);
        }
        */
        $.imgsLazy.ckShowImg(wh);
    };
})(jQuery);




var ns = $(".pm_si").length, st, ci;
var imgArr = [];
$(function () {
    // 大图下面第一模块Tab
    $(".cc1_tit_item").hover(
			function () {
			    $(".cc1_current").removeClass("cc1_current");
			    $(this).addClass("cc1_current");

			    var id = $(this).attr("id") + "_mb";
			    $(".cmb_show").removeClass("cmb_show");
			    $("#" + id).addClass("cmb_show");
			},
			function () {
			}
		);

    // 大图翻转
    $(".pm_s_nav").css({
        "width": (ns * 24) + "px",
        "margin-left": (-(ns * 26) / 2) + "px"
    });
    $(".pm_si").each(function (i, n) {
        imgArr[i] = $(n).attr("id");
        var str = "<a id='" + imgArr[i] + "_btn' class='niv_btn' href='javascript:csbShow(" + i + ")'></a>";
        $(".pm_s_nav").append(str);
    });
    csbShow(0);
});

// 切换slider
function csbShow(ii) {
    ci = ii;
    if (ns == 1 && $(".csw_sel").is(":visible")) {
        return;
    }
    $(".csw_sel").hide();
    $("#" + imgArr[ii]).fadeIn(500);
    $("#" + imgArr[ii]).addClass("csw_sel");

    $(".niv_btn_hover").removeClass("niv_btn_hover");
    $("#" + imgArr[ii] + "_btn").addClass("niv_btn_hover");
    ii++;
    if (ii == ns) {
        ii = 0;
    }

    clearTimeout(st);
    st = setTimeout("csbShow(" + ii + ")", 8000);
}